<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<%@ include file="/web/header.jsp" %>
<title>Insert title here</title>
</head>
<body>
<fieldset class="layui-elem-field" style='margin:30px;padding:30px'>
		<legend>修改员工部门</legend>
		<div class="layui-field-box">
			<form class="layui-form-pane layui-form" lay-filter="formA">
				<div class="layui-form-item">
					<label class="layui-form-label">编号</label>
					<div class="layui-input-inline">
						<input class="layui-input" name="code" type="text" placeholder="请输入编号"
						required lay-verify="required" autocomplete="off" readonly>
					</div>
				</div>
				
				<div class="layui-form-item">
					<label class="layui-form-label">部门</label>
					<div class="layui-input-inline">
						<select name='depCode'>
							
						</select>
					</div>
				</div>
				
				<div class="layui-form-item">
					<div class="layui-input-inline">
						<input type="button" value="确定" class="layui-btn" lay-submit lay-filter="updDept" />
						<input type="reset" value="重置" class="layui-btn layui-btn-primary" />			
					</div>
					<input type="button" value="关闭" class="layui-btn" onclick="toClose()"/>
				</div>
				<input type="hidden" name="action" value="get">
				<input type="hidden" name="action" value="updDept" />
			</form>
		</div>
	</fieldset>
	
	<script type="text/javascript">
	initSelect();
	function initSelect(){
		ajax({action:'sel'},'/department','json',function(data){
			console.log(data);
			var html='<option value=""></option>'
			$.each(data,function(index,element){
				html += '<option value="'+this.code+'">'+this.name+'</option>'
			})
			$("select[name='depCode']").html(html);
			form.render();
			init();
		});
	}

	function init(){
		var code = '<%=request.getParameter("code") %>'
			ajax({code:code,action:'get'},'/employee','json',function(data){
				form.val("formA",data)
			})
	}
	formOn('submit(updDept)','/employee','text',function(data){
		console.log(data)
		if(1==data){
			layer.msg("修改成功",toClose)
		}else{
			layer.msg("修改失败")
		}
	})	
	</script>
</body>
</html>